 /*居中盒子  */
 #tocenter{
    margin:0 auto;
} 
/*左侧底部蓝色背景 */
#blue-line{
    position: relative;
    left:0%;
    width: 260px;
    height: 755px;
    background-color: #29304B;
    z-index: 0;
    }
/* 上端LOGO及名称 */
       /* 主体盒子 (背景)   最上端导航栏的参数是这个盒子的高，60px*/
  #title{
      position: relative;
      top:0px;
      left:0px;
      height: 60px;
      width: 260px;
      background-color:#171C30 ;
  }
       /* 左上角LOGO*/
  #main-logo{
    position:absolute;
    top:-108px;
    left:-108px;
    z-index: 1000;
    display: inline-block;
    transform: scale(0.18);
  }
        /* 名称 */
  #main-word{
      position: absolute;
      top:12px;
      left:70px;
      color:aliceblue;
      font-size: 25px;
  }
/* 添加部分 */
#two-box-3,#two-box-4{
    position: relative;
    width: 230px;
    height:45px;
    left:30px;
    display:none; 
    z-index: 200px;
}
#two-box-4{
    height:70px;
}
#be-more-3,#be-more-4{
    position: absolute;
    top:18px;
    left:210px;
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 1s;
    z-index: 100;
}
#be-more-3:hover,#be-more-4:hover{
    transform: rotate(90deg);
}
/* 逐列动画 */
@keyframes open{
    to{width:260px;opacity: 1;}
}
#min-box,#min-box-1,#min-box-2,#min-box-3,#min-box-4,#min-box-5,#min-box-6{
    position: relative;
    width: 0px;
    height: 50px;
    background-color:#29304B;
    text-align: center;
    opacity: 0;
    animation:open  0.5s linear;
    animation-fill-mode: forwards;
}
#min-box-1{animation-delay: 0.1s;}
#min-box-2{animation-delay: 0.2s;}
#min-box-3{animation-delay: 0.3s;}
#min-box-4{animation-delay: 0.4s;}
#min-box-5{animation-delay: 0.5s;}
#min-box-6{animation-delay: 0.6s;}
#min-box:hover,#min-box-1:hover,#min-box-2:hover,#min-box-3:hover,#min-box-4:hover,#min-box-5:hover,#min-box-6:hover{
    background-color: #2F4DBF;
}
   /* 标题文字 */
   #min-word{
       position: absolute;
       top:32%;
       left: 28%;
       color: #ffffff;
       font-size: 15px;

   }
   #min-word-0{
       position: absolute;
       top:32%;
       left: 28%;
       color: #ffffff;
       font-size: 15px;

   }
   /* 左侧图片 */
   #left-img{
       position: absolute;
       top:32%;
       left:-35%;
       position: relative;
       font-family: "iconfont" !important;
       font-size: 25px;
       font-style: normal;
       color: #fff;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
   }
   /* 可展开标志 */
   #be-more,#be-more-0,#be-more-1,#be-more-2{
       position: absolute;
       top:18px;
       left:210px;
       font-family: "iconfont" !important;
       font-size: 20px;
       font-style: normal;
       color: #fff;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       transition: 1s;
       z-index: 100;
   }
   #be-more:hover{
       left:220px;
   }
   #be-more-0:hover,#be-more-1:hover,#be-more-2:hover{
       transform: rotate(90deg);
   }
/* 二级菜单 */
       /* 二级菜单的盒子 ，用于调整二级菜单位置*/
#two-box-0,#two-box-1,#two-box-2,#two-box-4{
   position: relative;
   width: 230px;
   height:75px;
   left:30px;
   display:none; 
}
#two-box-2{
   height:52px;
}
#two-box-0{
   height: 52px;
}
       /* 二级菜单中每一项的盒子，用于调整字体和间距参数 */
       #two-word,#two-word-1,#two-word-2,#two-word-3{
           font-size: 15px;
           color:#999999;
           margin-bottom: 5px;
           margin-top: 3px;
       }
       #two-word:hover{
           color: #ffffff;
       }
       
       #two-word-1:hover{
           color: #ffffff;
       }
       
       #two-word-2:hover{
           color: #ffffff;
       }
       
       #two-word-3:hover{
           color: #ffffff;
       }
/* 添加部分 */
#two-box-3{
    position: relative;
    width: 230px;
    height:45px;
    left:30px;
    display:none; 
}
#be-more-3{
    position: absolute;
    top:18px;
    left:210px;
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 1s;
    z-index: 100;
}

/* 底层返回按钮 */
#toback{
   position: relative;
   left:5%;
   top:60px;
   transform: scale(0.9);
   transition: 1.2s;
}
#toback:hover{
   transform: scale(0.8);
}
/* 上方导航栏 */
#white-line{
    position:absolute;
    top:0px;
    height: 60px;
    width: 1275px;
    left:260px;
    background-color: #ffffff;

}
        /* 搜索框 */
#search{
    position: relative;
    top:10px;
    left:610px;
    width: 350px;
    height:25px;
    border-radius: 7px 7px 7px 7px;
    border :2px solid #C7D8DE;
    padding: 5px;
    font-size: 15px;
    z-index: 1000;
}
#search-box{
    position: relative;
    top:-1px;
    width: 220px;
    height: 28px;
    color:#999999;
    border: none;
    outline: none;
}
    /* 搜索按钮 */
    #search-button{
        font-family: "iconfont" !important;
        font-size: 20px;
        font-style: normal;
        color: #89979C;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #button-box{
        position: relative;
        left:50px;
        background-color:transparent;
        border: none;
        outline: none;
        transition: 0.8s;
    }
    #button-box:hover{
       transform: scale(0.8);
    }
    /* 右边三块 */
            /* 头像 */
    #head-img{
        position: relative;
        top:-25px;
        left:1030px;
        width: 30px;
        height: 30px;
        border: 2px solid #707070;
        color: #707070;
        border-radius: 50% 50%;
        font-size: 15px;
        text-align: center;   
    }
        /* 提醒 */
    #alarm{
        position: relative;
        top:-60px;
        left:1100px;
        font-family: "iconfont" !important;
        font-size: 35px;
        font-style: normal;
        color: #89979C;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
        /* 设置 */
        #set{
            position: relative;
            top:-60px;
            left:1110px;
            font-family: "iconfont" !important;
            font-size: 32px;
            font-style: normal;
            color:#5F9DB5;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: 15px;
        }
    
/* 中间白块 */
#middle{
    position:absolute;
    top:105px;
    left: 310px;
    background-color: #ffffff;
    width: 1170px;
    height:100px;
}

#appointment{
    position:absolute;
    top: 65px;
    left: 50px;
    font-size: 24px
}

#searchBookName{
    border: 1px solid #C2CAD8;
    height: 27px;
    border-radius: 5px;
    position:absolute;
    top: 20px;
    left: 165px;
}

#searchBookNameTxt{
    font-size: 15px;
    position:absolute;
    top: 25px;
    left: 85px;
    color: #2D2D2D;
}

#searchAuthorName{
    border: 1px solid #C2CAD8;
    height: 27px;
    border-radius: 5px;
    position:absolute;
    top: 20px;
    left: 539px;
}

#searchAuthorNameTxt{
    font-size: 15px;
    position:absolute;
    top: 25px;
    left: 459px;
    color: #2D2D2D;
}

#searchId{
    border: 1px solid #C2CAD8;
    height: 27px;
    border-radius: 5px;
    position:absolute;
    top: 20px;
    left: 900px;
}

#searchIdTxt{
    font-size: 15px;
    position:absolute;
    top: 25px;
    left: 860px;
    color: #2D2D2D;
}

#chaxun{
    position:absolute;
    top: 65px;
    left: 520px;
    width: 60px;
    height: 25px;
    background-color: #2785E4;
    border: 1px solid #707070;
    color: #FFF;
    border-radius: 5px;
}

#qingkong{
    position:absolute;
    top: 65px;
    left: 630px;
    width: 60px;
    height: 25px;
    background-color: #E1E5EC;
    border: 1px solid #707070;
    color: #666666;
    border-radius: 5px;
}

/* 下方主要板块 */
#main-block{
    position:absolute;
    top:240px;
    left: 310px;
    background-color: #ffffff;
    width: 1170px;
    height:465px;
}

#duoxuanTxt{
    position:absolute;
    top: 25px;
    left: 25px;
    font-size: 17px;
    color: #666666;
}

#duoxuanYuyue{
    position:absolute;
    top: 23px;
    left: 120px;
    background-color: #2FC6D4;
    border-radius: 3px;
    border: 1px solid #707070;
    height: 27px;
    width: 70px;
    color: #FFFFFF;
}

#quxiaoButton{
    position:absolute;
    top: 23px;
    left: 200px;
    background-color: #2FC6D4;
    border-radius: 3px;
    border: 1px solid #707070;
    height: 27px;
    width: 70px;
    color: #FFFFFF;
}

#bookBiaoge{
    position:absolute;
    left: 25px;
    right: 25px;
    top: 70px;
    text-align: center;
}

#bookTitle{
    background: #D7E3ED;
    height: 40px;
}

#bookTitleXuanze{
    width: 50px;
}

#bookTitle1{
    width: 150px;
}

#bookTitle2{
    width: 300px;
}

#bookTitle3{
    width: 250px;
}

#bookTitle4{
    width: 150px;
}

#bookTitle5{
    width: 150px;
}

#bookTitle6{
    width: 150px;
}

#bookTitleContent{
    height: 40px;
}

#chaKan{
    width: 48px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #BFBFBF;
    /* background-color: #EEEEEE; */
    color: #7B7B7B;
}

#sendBtn{
    width: 48px;
    height: 25px;
    border-radius: 3px;
    background-color: #2785E4;
    border: 1px solid #707070;
    color: #FFFFFF;
}

tr:nth-child(odd) {
    background: #EEEEEE;
}

table tbody {
    display: block;
    height: 320px;
    overflow-y: scroll;
}